﻿/*
	author:	danny.xu
	date:	2011-11-18 
	description:	da通用样式库
*/

.daShadow {
  -moz-box-shadow: 0px 2px 10px #999;								 /* 阴影 */
  -webkit-box-shadow: 0px 2px 10px #999;
  box-shadow: 0px 2px 10px #999;
  filter:
  progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#cccccc') 
  progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#cccccc') 
  progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#cccccc') 
  progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#cccccc');
}

/*
	author:	danny.xu
	date:	2011-03-14
	description:	自定义按钮
*/
.daButton{padding:0px; margin:0px; border:0px; background:none; cursor:pointer;vertical-align:middle;overflow:visible;/*去掉左右内间距*/  }
.daButton table.tb_daButton{background-color:#c2c2c2;}
.tb_daButton .mid{}
.tb_daButton .mid .container{ position:relative;background:url(images/daBt_highlight.png) 0px 0px repeat-x;}
.tb_daButton .mid .container .client{ position:absolute; left:0px; top:0px;padding:3px 0px;line-height:18px; text-align:center;font-size:12px;color:#555;}

.tb_daButton .top{ height:2px; background:url(images/daBt_H.png) 0px 0px repeat-x;}
.tb_daButton .bottom{ height:2px; background:url(images/daBt_H.png) 0px -2px repeat-x;}
.tb_daButton .left{ width:2px; background:url(images/daBt_V.png) 0px 0px repeat-y;}
.tb_daButton .right{ width:2px; background:url(images/daBt_V.png) -2px 0px repeat-y;}
.tb_daButton .tl,
.tb_daButton .tr,
.tb_daButton .bl,
.tb_daButton .br{
	width:2px; height:2px; background:url(images/daBt_corner.png) no-repeat;
}
.tb_daButton .tl{ background-position: 0px 0px}
.tb_daButton .tr{ background-position: -2px 0px}
.tb_daButton .bl{ background-position: 0px -2px}
.tb_daButton .br{ background-position: -2px -2px}


.daButton table.tb_daButton2{background-color:#949494;}
.tb_daButton2 .mid{}
.tb_daButton2 .mid .container{ position:relative;background:url(images/daBt_highlight.png) 0px -100px repeat-x;}
.tb_daButton2 .mid .container .client{ position:absolute; left:0px; top:0px;padding:3px 0px; line-height:18px; text-align:center;font-size:12px;color:#000;}

.tb_daButton2 .top{ height:2px; background:url(images/daBt_H.png) 0px -4px repeat-x;}
.tb_daButton2 .bottom{ height:2px; background:url(images/daBt_H.png) 0px -6px repeat-x;}
.tb_daButton2 .left{ width:2px; background:url(images/daBt_V.png) -4px 0px repeat-y;}
.tb_daButton2 .right{ width:2px; background:url(images/daBt_V.png) -6px 0px repeat-y;}
.tb_daButton2 .tl,
.tb_daButton2 .tr,
.tb_daButton2 .bl,
.tb_daButton2 .br{
	width:2px; height:2px; background:url(images/daBt_corner.png) no-repeat;
}
.tb_daButton2 .tl{ background-position: 0px -4px}
.tb_daButton2 .tr{ background-position: -2px -4px}
.tb_daButton2 .bl{ background-position: 0px -6px}
.tb_daButton2 .br{ background-position: -2px -6px}


.daButton table.tb_daButton3{background-color:#fff;}
.tb_daButton3 .mid{}
.tb_daButton3 .mid .container{ position:relative;background:url(images/daBt_highlight.png) 0px -200px repeat-x;}
.tb_daButton3 .mid .container .client{ position:absolute; left:0px; top:0px;padding:3px 0px; line-height:18px; text-align:center;font-size:12px;color:#f7f7f7;}

.tb_daButton3 .top{ height:2px; background:url(images/daBt_H.png) 0px -8px repeat-x;}
.tb_daButton3 .bottom{ height:2px; background:url(images/daBt_H.png) 0px -10px repeat-x;}
.tb_daButton3 .left{ width:2px; background:url(images/daBt_V.png) -8px 0px repeat-y;}
.tb_daButton3 .right{ width:2px; background:url(images/daBt_V.png) -10px 0px repeat-y;}
.tb_daButton3 .tl,
.tb_daButton3 .tr,
.tb_daButton3 .bl,
.tb_daButton3 .br{
	width:2px; height:2px; background:url(images/daBt_corner.png) no-repeat;
}
.tb_daButton3 .tl{ background-position: 0px -8px}
.tb_daButton3 .tr{ background-position: -2px -8px}
.tb_daButton3 .bl{ background-position: 0px -10px}
.tb_daButton3 .br{ background-position: -2px -10px}

/*
	author:	danny.xu
	date:	2011-8-14 12:31:50
	fileName:	通用框架daFrame-样式文件
	decription:	通用框架daFrame-样式文件
*/

.daCnt { position:relative; border:1px solid #f0f0f0; background:#fff;  }

.daCntMain { position:relative; overflow:hidden; }
.daCntBox { position:absolute; border:0px solid #666; }
.daCntOver { 
	position:absolute;
	top:0px; left:0px;
	background:#d7d7d7;
	filter: Alpha(opacity=1);		/* IE */    
	-moz-opacity:0.01; 					/* FF 主要是为了兼容老版本的FF */
	opacity:0.01; 							/* FF */
}

.scl_v,
.scl_h,
.scl_v2,
.scl_h2 {
	position:absolute;
	display:none;
	background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #999;
	filter: Alpha(opacity=60);/* IE */ 
	-moz-opacity:0.6;/* FF 主要是为了兼容老版本的FF */ 
	opacity:0.6;/* FF */
	
}
.scl_v, .scl_v2 {width:5px;height:50px;right:1px;top:1px;overflow:hidden;}
.scl_h, .scl_h2 {width:50px;height:5px;bottom:1px;left:1px;overflow:hidden;}

.scl_v2, .scl_h2 {background:#222; }


/*
	author: danny.xu
	date:	2011/11/25 21:51:37
	discription: daList基本信息列表类样式
*/
.daList {
	width:100%; background:#fff; border:1px solid #666;
	position:absolute; left:0px; top:0px;
	overflow: hidden;

}
.daList .item,
.daList .itemHover,
.daList .item2 {
	display:block; padding:2px 5px; width:100%; height:22px; line-height:22px;
	background:#f7f7f7; color:#222; font-size:12px; text-decoration:none;border-left:5px solid #eee;
	overflow:hidden;cursor:default;
}

.daList .itemHover{ background:#ddd; border-left:5px solid #ddd}
.daList .item2 { color:#fff; background:#666; border-left:5px solid #39f}

.daList .itemHover:hover{color: #222;text-decoration:none;}								/** 防止受全局a元素样式影响 **/
.daList .item:link,
.daList .item:visited,
.daList .item:hover,
.daList .item:active {color: #222;}
.daList .item2:link,
.daList .item2:visited,
.daList .item2:hover,
.daList .item2:active {color: #fff;}


/*
	author: danny.xu
	date:	2011-2-19
	discription: daSelect自定义下拉框 样式表
*/

.daSelectInput { height:22px;line-height:22px;font-size:12px;padding:0px 2px; border:0px solid #666; background: transparent;outline:none;}

.daSelectBt {
	display:inline-block; 
	width:22px; height:22px; line-height:22px;vertical-align:top;
	text-align:center;text-decoration:none;
	font-size:12px;color:#333;cursor:pointer;
	border-left: 1px solid #ccc;
	background: url(images/daSelectIcon.png) 0px center no-repeat;
}
.daSelectBt:hover { border-left: 1px solid #fff; background-color: #f0f0f0; }
